<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<!-- Bootstrap -->
<link href="${pageContext.request.contextPath}/javascript/bootstrap/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="${pageContext.request.contextPath}/javascript/table/bootstrap-table.css">
<script src="${pageContext.request.contextPath}/javascript/jQuery-1.12.4.js"></script>
<script src="${pageContext.request.contextPath}/javascript/bootstrap/js/bootstrap.js"></script>
<script src="${pageContext.request.contextPath}/javascript/table/bootstrap-table.js"></script>
<script src="${pageContext.request.contextPath}/javascript/table/locale/bootstrap-table-zh-CN.js"></script>
</head>

<body>

	<table id="myTable">
	
	</table>

</body>
<script type="text/javascript">

$(function(){

    //1.初始化Table
    var oTable = new TableInit();
    oTable.Init();
});


var TableInit = function () {
    var oTableInit = new Object();
    //初始化Table
    oTableInit.Init = function () {
        $('#myTable').bootstrapTable({
            url: 'FileServlet',         //请求后台的URL（*）
            method: 'get',                      //请求方式（*）
            // pagination: true,                   //是否显示分页（*）
            sortable: false,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams: oTableInit.queryParams,//传递参数（*）
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 5,                       //每页的记录行数（*）
            pageList: [5, 10, 25, 50, 100],        //可供选择的每页的行数（*）
            showRefresh: true,                  //是否显示刷新按钮
            uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
            showToggle:true,                    //是否显示详细视图和列表视图的切换按钮
            columns: [{
                checkbox: true
            }, {
                field: 'id',
                title: 'ID'
            }, {
                field: 'fileName',
                title: '文件名称'
            }, {
                field: 'fileDesc',
                title: '文件简介'
            }, {
                field: 'fileAutoName',
                title: '唯一标识名称'
            }, {
                field: 'userName',
                title: '上传人'
            }, {
                field: 'Desc',
                title: '描述',
                formatter : actionFormatter
            }, ]
        });
    };

    //得到查询的参数
    oTableInit.queryParams = function (params) {
        var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            // limit: params.limit,   //页面大小
            // offset: params.offset,  //页码
            op : "showFileByLoginName"
        };
        return temp;
    };
    return oTableInit;
};


	function actionFormatter(value , row , index){
		return "<button class='btn btn-default' onclick='delFileById("+row.id+")'>删除</button>&nbsp;"
				+"<button class='btn btn-default' onclick='downloadFileById("+row.id+")'>下载</button>";
	}

	
	// 删除文件
	function delFileById(id){
		location.href = "FileServlet?op=delFileByid&id="+id;
	}
	
	// 下载文件
	function downloadFileById(id){
		location.href = "FileServlet?op=downLoadByid&id="+id;
	}


</script>



</html>
